<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<title>404 Not Found</title>
<meta http-equiv="x-ua-compatible" content="ie=emulateie7">

<style type="text/css"> 

*{margin:0;padding:0;}

dl,dt,dd,ul,ol,li,strong,p,em,h1,h2,h3,h4,h5,h6,form,input,select,td{margin:0;padding:0;}

body{background:#dad9d7;font-family:Microsoft yahei ,微软雅黑;}

img,input{vertical-align:middle;border:0;}

a{cursor:pointer;text-decoration:none;outline:none;}

a:hover{text-decoration:underline;}

.cf:unknown{clear:both;display:block;font-size:0px;visibility:hidden;height:0px;content:".";}

.cf{clear:both;zoom:1;}

.container{

background:url(${ctx.resource}/images/01.jpg) no-repeat center top #dad9d7;

overflow:hidden;

width:100%;

position:absolute;

top:0px;

left:-23px;

height:600px;

background-attachment: fixed;

}

.cont{

margin:0px auto;

width:500px;

line-height:20px;

}

.c1{

height:300px;

text-align:center;

margin-top: 90px;

}

.c1 .img1{margin-top:100px;}

.c1 .img2{margin-top:100px;}

.cont h1{

font-weight:normal;

font-size:20px;

color:#000;

height:35px;

text-align:center;

}

.c2{height:35px;text-align:center;}

.c2 a{display:inline-block;font-size:14px;margin:0px 4px;color:#626262;padding-top:1px;height:23px;text-align:left;text-decoration:none;}

.c2 a:hover{color:#626262;text-decoration:none;}

.c2 a.home{padding-left:30px;background:url(${ctx.resource}/images/02.png);width:66px;}

.c2 a.home:hover{background:url(${ctx.resource}/images/02.png) 0px -24px;}

.c2 a.home:active{background:url(${ctx.resource}/images/02.png) 0px -48px;}

.c2 a.re{padding-left:30px;background:url(${ctx.resource}/images/03.png);width:66px;}

.c2 a.re:hover{background:url(${ctx.resource}/images/03.png) 0px -24px;}

.c2 a.re:active{background:url(${ctx.resource}/images/03.png) 0px -48px;}

.c2 a.sr{padding-left:28px;background:url(${ctx.resource}/images/04.png);width:153px;}

.c2 a.sr:hover{background:url(${ctx.resource}/images/04.png) 0px -24px;}

.c2 a.sr:active{background:url(${ctx.resource}/images/04.png) 0px -48px;}

.c3{

font-size:13px;

color:#666;

height:180px;

text-align:center;

}

 .search{

padding-right:0px;

margin-top:0px;

}

.search input.s_txt{

background:url(${ctx.resource}/images/404/s_box.jpg) no-repeat;

width:372px;

height:17px;

padding:10px;

color:#333;

font-size:14px;

}
.t {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #CC0000;
}

.search input.s_btn{

background:url(${ctx.resource}/images/404/s_btn.jpg) no-repeat;

width:76px;

height:37px;

cursor:pointer;

text-indent:-9999px;

margin-right:8px;

}

</style>

</head>

<body>

<div class="container">
    <div style="position:relative; width:600px; margin:0 auto;">
    <div class="cont">

<div class="c1"><img class="img1" src="${ctx.resource}/images/01.png"></a></div>
<h2 align="center"><span class="t">${message }</span></h2>
 <h2 align="center"><span class="t">哎呀…出错了</span></h2>
<div class="c2">
<a class="home" href="${ctx }/index.jsp">网站首页</a>

</div>

</div>
</div>
</div>

</body>
</html>